<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>天天生鲜-注册</title>
<!--添加自适应说明  width=device-width:设备宽度   initial-scale=1原始缩放比例为1.0，即网页初始大小占屏幕面积的100%。-->
<meta name="viewport" content="width=device-width,initial-scale=1.0"/>
<!--如果用户使用的IE浏览版本低于IE9,那么加载下面的JS文件-->
<!--[if lt IE 9]>
	<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
 <link rel="shortcut icon" href="images/copylogo.png">
 <link rel="stylesheet" href="css/reset.css">
 <link rel="stylesheet" href="css/reg.css">
 <link rel="stylesheet" href="css/unlock.css">
 <link rel="stylesheet" href="css/foot.css">
</head>

<body>
	<!-- 注册布局 -->
	<div class="register_con">
		<div class="l_con fl">
        	 <a href="index.html" class="reg_logo fr"><img src="images/logo.png"></a>
        	 <div class="reg_slogan fr">足不出户 · 新鲜每一天</div>
       		 <div class="reg_banner fr"></div>
        </div>

		<div class="r_con fr">
        	<div class="reg_title clearfix">
            	<h1 class="fl">用户注册</h1>
            	<a href="login.html" class="fr">登录</a>
            </div>
        	<div class="reg_form clearfix">
             	<form id="myform">
                    <ul>
                        <li>
                            <label for="nickname">用户名:</label>
                            <input type="text" id="nickname" name="nickName" placeholder="请输入您的用户名" required >
                            <span class="error_tip">提示信息</span>
                        </li>
                        <li>
                            <label for="pwd">密码:</label>
                            <input type="password" id="pwd" name="pwd" placeholder="请输入6~15位字母、数字还可包含特殊字符">
                            <span class="error_tip">提示信息</span>
                        </li>
                        <li>
                            <label for="cpwd">确认密码:</label>
                            <input type="password" id="cpwd" name="cpwd" placeholder="请输入确认密码">
                            <span class="error_tip">提示信息</span>
                        </li>
                         <li>
                            <label for="email">邮箱:</label>
                            <input type="text" id="email" name="email" placeholder="请输入有效的邮箱地址">
                            <input type="button" id="getCode" name="" onclick="sendCode()" value="获取验证码">
                            <span class="error_tip yzm_tip" >提示信息</span>
                        </li>
                        <li>
                            <label for="yzm">验证码:</label>
                            <input type="text" id="yzm" name="realName" placeholder="请输入验证码">
                            <span class="error_tip">提示信息</span>
                        </li>
                        <li>
                            <label for="tel">电话号码:</label>
                            <input type="text" id="tel" name="tel" placeholder="请输入以1开头的11位有效电话号码">
                            <span class="error_tip">提示信息</span>
                        </li>
                        <li  class="row">
                        	<!-- 滑块验证-->
                            <div class="bar"></div>
                        </li>
                        <li class="agreement">
                            <input type="checkbox" id="allow" name="allow" checked>
                            <label for="allow">同意<a href="#">"天天生鲜用户使用协议"</a></label>
                            <span class="error_tip2">提示信息2</span>
                        </li>
                         <li>
                            <input type="button" id="reg" name="" onClick="checkRegister()" value="注 册">
                            <span id="errmsg">提示信息3</span>
                        </li>
                    </ul>
                </form>
        	</div>
        </div>
	</div>
    
    <div id="maillist">
        <ul>
            <li class="on">请选择邮箱类型</li>
            <li>@qq.com</li>
            <li>@163.com</li>
            <li>@126.com</li>
            <li>@sina.com</li>
            <li>@hotmail.com</li>
            <li>@yahoo.com.cn</li>
            <li>@sohu.com</li>
            <li>@yahoo.cn</li>
            <li>@gmail.com</li>
            <li>@tom.com</li>
        </ul>
    </div>
	<!-- 版权所有 -->
	<div class="footer">
		<div class="foot_link">
	    	<a href="#">关于我们</a> <span> | </span>
	        <a href="#">联系我们</a> <span> | </span>
	        <a href="#">招聘广告</a> <span> | </span>
	        <a href="#">友情链接</a>
	    </div>
		<p>CopyRight &copy; 2019 衡阳市源辰信息科技有限公司 All Rights Reserverd</p>
	    <p>电话：0734-8355998 湘ICP备16015987号</p>
	</div>
<script type="text/javascript" src="js/jquery-3.4.1.min.js"></script>
<script type="text/javascript" src="js/unlock.js"></script>
<script type="text/javascript" src="js/show-dialog.js"></script>
<script type="text/javascript" src="js/auto-complete.js"></script>
<script type="text/javascript" src="js/register.js"></script>
<script>
  	$('.bar').slideToUnlock({
});
</script>
</body>
</html>
